<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			
				p {
width: 536px;
height: 38px;
font-size: 26px;
 background: #e0e0e0;
              border-radius: 8px;
              display: flex;
              justify-content: center;
              /*align-content: center;*/
             align-items: center;
}
a{
	text-decoration: none;
	color: #000000;
}
a{
	display: block;
}
a:nth-child(1){
	padding-top: 15px;
}
		</style>
	</head>

	<body>
		<!--<p>
				<a href="#"><img src="../sousuo@2x.png" alt="" /></a>
				<a>搜索</a>
				
		</p>-->
		<button id="btn">-</button>
		<span id="num">0</span>
		<button id="btn1">+</button>
		<script>
			window.onload = function() {
				var btn = document.getElementById("btn");
				var btn1 = document.getElementById("btn1");
				var num = document.getElementById("num");
				var i = 0;
				btn.onclick = function() {
					if (i <= 0) {
						return
					}
					i -= 1;
					num.innerHTML = i;
				}
				
				btn1.onclick = function() {
					
					i += 1;
					
					num.innerHTML = i;
				}
				
				
			}
		</script>

	</body>

</html>